<style lang="less" scoped>
.index {
  background: #f8f8f9;
}
.loading {
  animation: myloading 1s linear infinite;
  margin-top: 100px;
}
@keyframes myloading {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.question_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.ques_content {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.xuanxiang {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.card_row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.edit_out {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-left: 20px;
}

.card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}


</style>

<template>
  <div id="index">
    <div style="position: fixed; top: 0; width: 100%; min-width: 1210px;z-index: 100">
      <myheader></myheader>
    </div>
    <Layout :style="bg" id="content" style="background-color: #fff;min-width: 1210px;margin-top:58px">
        <Content >
          <message></message>
        </Content>
    </Layout>
  </div>
</template>

<script>
import header from "../components/header.vue";
import message from "../components/message_center";
import {   } from "../api/api";
export default {
  name: "messages",
  data: function() {
    return {
      bg: {
        width: `${window.innerWidth}px`,
        height: "auto"
      },
      apply: []
    };
  },
  mounted() {
    window.onresize = () => {
      return (() => {
        let content_top = document.getElementById("content").offsetTop;
        this.bg.height = `${window.innerHeight - content_top}px`;
        this.bg.width = `${window.innerWidth}px`;
      })();
    };
    let content_top = document.getElementById("content").offsetTop;
    this.bg.height = `${window.innerHeight - content_top}px`;

  },
  components: {
    myheader: header,
    message: message
  },
  methods: {
   
  }
};
</script>